<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>飞机跑道进度条动画特效 </title>
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>

	<div class="container">
		<div class="progress">
			<div class="progress-bar p1" style=" background:#005394;width: 0%;">
				<span></span>
			</div>
		</div>

		<div class="progress">
			<div class="progress-bar p2" style=" background:#005394;width: 10%;">
				<span></span>
			</div>
		</div>

		<div class="progress">
			<div class="progress-bar p3" style=" background:#005394;width: 10%;">
				<span></span>
			</div>
		</div>


	</div>
	<script src="./progress-bar.js"></script>
	<script type="text/javascript">
		// progressBar('.p1');
		// 传入的progress-bar的选择器
		progressBar('.p2', 10);
		progressBar('.p1', 50);
		progressBar('.p3');

	</script>
</body>

</html>